<script type="text/javascript">
    $(document).ready(function() {
        
        $('.scrollingtext').bind('marquee', function() {
            var ob = $(this);
            var tw = ob.width();
            var ww = ob.parent().width();
            ob.css({ left: ww });
            ob.animate({ left: -tw }, 10000, 'linear', function() {
                ob.trigger('marquee');
            });
            }).trigger('marquee');

        });
</script>

<style type="text/css">
    div.jp-title{
        position: relative;
        height: 20px;
        width: 198px;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        left: 32px;
        top: -54px;
    }
    .scrollingtext{
        position: absolute;
        white-space: nowrap;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #004491;
    }
</style>

{foreach item=cmp from=$companydata}
    {assign var=compname value=$cmp.scrolltext}
{/foreach}

<div id="footer"></div>
<div class="jp-title">
    <div class="scrollingtext">
        {$compname|upper}
    </div>
</div>
